<!DOCTYPE html>
<html>
	<head>
		<title>chart created with amCharts | amCharts</title>
		<meta name="description" content="chart created using amCharts live editor" />
		
		<!-- amCharts javascript sources -->
		<script type="text/javascript" src="https://www.amcharts.com/lib/3/amcharts.js"></script>
		<script type="text/javascript" src="https://cdn.amcharts.com/lib/3/serial.js"></script>
		

		<!-- amCharts javascript code -->
		<script type="text/javascript">
			AmCharts.makeChart("chartdiv",
				{
					"type": "serial",
					"categoryField": "Country Name",
					"dataDateFormat": "YYYY",
					"handDrawThickness": 2,
					"theme": "default",
					"categoryAxis": {
						"minPeriod": "YYYY",
						"parseDates": true
					},
					"chartCursor": {
						"enabled": true,
						"animationDuration": 0,
						"categoryBalloonDateFormat": "YYYY"
					},
					"chartScrollbar": {
						"enabled": true
					},
					"trendLines": [],
					"graphs": [
						{
							"bullet": "round",
							"id": "AmGraph-1",
							"title": "China",
							"valueField": "China"
						},
						{
							"bullet": "square",
							"id": "AmGraph-2",
							"title": "France",
							"valueField": "France"
						},
						{
							"id": "AmGraph-3",
							"title": "India",
							"valueField": "India"
						},
						{
							"id": "AmGraph-4",
							"title": "America",
							"valueField": "America"
						}
					],
					"guides": [],
					"valueAxes": [
						{
							"id": "ValueAxis-1",
							"title": "Axis title"
						}
					],
					"allLabels": [],
					"balloon": {},
					"legend": {
						"enabled": true,
						"useGraphSettings": true
					},
					"titles": [
						{
							"id": "Title-1",
							"size": 15,
							"text": "四国GDP-人均"
						}
					],
					"dataProvider": [
						{
							"Country Name": "2000",
							"China": "959.3604121",
							"France": "22416.42542",
							"India": "442.0347789",
							"America": "36329.95607"
						},
						{
							"Country Name": "2001",
							"China": "1053.112272",
							"France": "22449.33969",
							"India": "449.9111249",
							"America": "37133.62311"
						},
						{
							"Country Name": "2002",
							"China": "1148.514188",
							"France": "24288.27002",
							"India": "468.8444283",
							"America": "37997.75966"
						},
						{
							"Country Name": "2003",
							"China": "1288.637543",
							"France": "29627.92426",
							"India": "543.8437989",
							"America": "39490.27496"
						},
						{
							"Country Name": "2004",
							"China": "1508.667946",
							"France": "33797.16244",
							"India": "624.1050944",
							"America": "41724.63163"
						},
						{
							"Country Name": "2005",
							"China": "1753.414263",
							"France": "34768.1759",
							"India": "710.5093449",
							"America": "44123.40707"
						},
						{
							"Country Name": "2006",
							"China": "2099.219342",
							"France": "36470.21284",
							"India": "802.013742",
							"America": "46302.00088"
						},
						{
							"Country Name": "2007",
							"China": "2693.958555",
							"France": "41557.62356",
							"India": "1022.732476",
							"America": "48050.22378"
						},
						{
							"Country Name": "2008",
							"China": "3468.327063",
							"France": "45515.96175",
							"India": "993.5034125",
							"America": "48570.04598"
						},
						{
							"Country Name": "2009",
							"China": "3832.227428",
							"France": "41737.76355",
							"India": "1096.636136",
							"America": "47194.94335"
						},
						{
							"Country Name": "2010",
							"China": "4550.473924",
							"France": "40676.06479",
							"India": "1350.634457",
							"America": "48650.64313"
						},
						{
							"Country Name": "2011",
							"China": "5614.385739",
							"France": "43846.46608",
							"India": "1449.603301",
							"America": "50065.9665"
						},
						{
							"Country Name": "2012",
							"China": "6300.582352",
							"France": "40870.85236",
							"India": "1434.017978",
							"America": "51784.41857"
						},
						{
							"Country Name": "2013",
							"China": "7020.385682",
							"France": "42602.71797",
							"India": "1438.056995",
							"America": "53291.12769"
						},
						{
							"Country Name": "2014",
							"China": "7636.074223",
							"France": "43068.54872",
							"India": "1559.863772",
							"America": "55123.84979"
						},
						{
							"Country Name": "2015",
							"China": "8016.446016",
							"France": "36652.92231",
							"India": "1590.174322",
							"America": "56762.72945"
						},
						{
							"Country Name": "2016",
							"China": "8094.390375",
							"France": "37062.53357",
							"India": "1714.279541",
							"America": "57866.74493"
						},
						{
							"Country Name": "2017",
							"China": "8817.045496",
							"France": "38781.04949",
							"India": "1957.969814",
							"America": "59907.75426"
						},
						{
							"Country Name": "2018",
							"China": "9905.406118",
							"France": "41557.85486",
							"India": "1974.37773",
							"America": "62823.30944"
						},
						{
							"Country Name": "2019",
							"China": "10143.86021",
							"France": "40494.89829",
							"India": "2050.16379",
							"America": "65120.39466"
						},
						{
							"Country Name": "2020",
							"China": "10408.71912",
							"France": "39055.28293",
							"India": "1913.219721",
							"America": "63528.6343"
						},
						{
							"Country Name": "2021",
							"China": "12617.50499",
							"France": "43658.97898",
							"India": "2238.127139",
							"America": "70219.47245"
						},
						{
							"Country Name": "2022",
							"China": "12720.21564",
							"France": "40963.83734",
							"India": "2388.621198",
							"America": "76398.59174"
						}
					]
				}
			);
		</script>
	</head>
	<body>
		<div id="chartdiv" style="width: 100%; height: 400px; background-color: #FFFFFF;" ></div>
	</body>
</html>